<template>
  <div>
    <div id="content">
      <div id="logo">
        <img id="logo" src="/static/images/index/logo.png">
        <h1>舍宝</h1>
        <span>开启我的宿舍生活</span>
        <!--      文档中有关于获取点击授权后的回调信息 -->
        <i-button open-type="feedback" id="loginbtn" size="large" type="warning" shape="square">意见反馈</i-button>
        <button open-type="feedback">意见反馈</button>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data() {
      return {
      }
    }
  }
</script>

<style scoped>
  page {
    background-color: #FFFAF0;
  }
  #logo {
    display:flex;
    justify-content: center;
  }
  #logo img {
    width: 350rpx;
    height: 350rpx;
    position: absolute;
    top: 18%;
  }
  #logo h1 {
    position: absolute;
    top: 45%;
    color: #707070;
    font-size: 50rpx;
    font-weight: bold;
  }
  #logo span {
    position: absolute;
    top: 60%;
    color: #707070;
    font-weight: bold;
  }
  #loginbtn {
    position: absolute;
    top: 65%;
    width: 300rpx;
  }
</style>
